<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>积分抽奖</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../phoneCss/commons.css" rel="stylesheet"/>
    <link href="../phoneCss/integral.css" rel="stylesheet"/>
    <style>
        .list_box .item_box .goods .title{
            margin-bottom: 27px;
        }
        .mui-progressbar{
            background: #ddd;
            margin-bottom: 10px;
            width: 90%;
            height: 4px;
        }
        .mui-progressbar span{
            background-image: -moz-linear-gradient( -79deg, rgb(252,112,19) 7%, rgb(245,26,0) 39%, rgb(252,112,19) 90%, rgb(248,60,7) 98%);
            background-image: -webkit-linear-gradient( -79deg, rgb(252,112,19) 7%, rgb(245,26,0) 39%, rgb(252,112,19) 90%, rgb(248,60,7) 98%);
            background-image: -ms-linear-gradient( -79deg, rgb(252,112,19) 7%, rgb(245,26,0) 39%, rgb(252,112,19) 90%, rgb(248,60,7) 98%);
        }
        .list_box .item_box .price{
            color: #8e8e8e;
            font-weight: 500;
            font-size: 13px;
            padding-top: 5px;
        }
        .list_box .item_box .price .quondam{
            margin-left: 40px;
        }
        .list_box .item_box .price b{
            color: #f83c07;
        }
        .join img{
            width: 67px;
            height: 24px;
        }
        .join{
            width: 63px;
            height: 22px;
            right: 23px;
            bottom: 18px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">积分抽奖</h1>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-10
    描述：头部结束，内容开始
-->
<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
    <div class="mui-content">
        <div class="list_box">
            <!--<div class="item_box mui-clearfix">-->
            <!--<div class="img"><img src="../phoneImg/goods.jpg" alt=""></div>-->
            <!--<div class="goods">-->
            <!--<div class="title">苹果(Apple)MagSafe 电源适配器新款60W</div>-->
                <!--<div class="mui-progressbar mui-progressbar-in" data-progress="60" id="demo1"><span></span></div>-->
            <!--<div class="price">总需4888<span class="quondam">剩余<b>1030</b></span></div>-->
            <!--<div class="join"><img src="../phoneImg/JOIN2.jpg" alt=""></div>-->
            <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</div>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>
    //示例1
//    var progressbar1 = mui('#demo1');
//    mui(progressbar1).progressbar().setProgress(60)
    document.write("<s" + "cript type='text/javascript' src='../js/common.js?" + Math.random() + "'></scr" + "ipt>");
    document.write("<s" + "cript type='text/javascript' src='../phoneJs/integral_lottery.js?" + Math.random() + "'></scr" + "ipt>");
</script>
</body>
</html>
